<script setup>
const props = defineProps(["item"])
const ProductMenu = resolveComponent("ProductMenu")
</script>
<template>
  <!-- trigger="click" -->
  <el-popover placement="bottom-start"  popper-class="h-[25rem]"   width="800">
    <template #reference>
      <NuxtLink :to="props.item.path" class="hover:text-primary-600 dark:text-primary-200">{{ props.item.name }}</NuxtLink>
    </template>
    <template #default>
      <!-- <slot :data="item.children"></slot> -->
      <component :is="ProductMenu" :data="item.children" />
    </template>
  </el-popover>
</template>
